import { StyleSheet } from 'react-native';
import { deviceHeight, deviceWidth } from './constant';
import theme from '../../native-base-theme/variables';

export default StyleSheet.create({
  pageContainer: {
    width: '100%',
    height: '100%',
  },
  container: {
    width: '100%',
    height: '100%',
    backgroundColor: theme.myPrimary,
  },
  mianContainer: {
    flex: 2,
  },
  logoContainer: {
    marginTop: deviceHeight / 16,
    marginBottom: 30,
    flexDirection: 'row',
    // justifyContent: 'center',
    alignItems: 'center',
  },
  formContainer: {
    marginHorizontal: 20,
  },
  logo: {
    marginLeft: 20,
    width: 68,
    height: 68,
    resizeMode: 'contain',
  },
  logo_text: {
    fontSize: 35,
    color: 'white',
  },
  logotitle: {
    position: 'absolute',
    left: 128,
    top: 0,
  },
  checkBox: {
    width: 20,
    height: 20,
    borderColor: '#ffffff',
    borderWidth: 1,
    borderStyle: 'solid',
    borderRadius: 5,
  },
  loginBtn: {
    marginTop: 20,
    backgroundColor: '#1456F5',
  },
  loginText: {
    fontSize: theme.myNormalFontSize,
    color: 'white',
  },
  footerContainer: {
    position: 'absolute',
    width: deviceWidth,
    height: 200,
    left: 0,
    marginTop: deviceHeight - 200,
    alignItems: 'center',
    justifyContent: 'flex-end',
  },
  footerText: {
    marginBottom: 28,
    color: 'white',
    fontSize: theme.mySmallFontSize,
  },
});
